<template>
    <div style="position:relative;">
        <div id="muke-list-content">
            <ul class="nav nav-pills nav-stacked">
                <!-- <li class="active"><a href="#">全部文件</a></li> -->
                <li><router-link to="/main/cloud-disk/files">
                    <i class="el-icon-folder"></i> 全部文件</router-link>
                </li>
                <li><router-link to="/main/cloud-disk/share">
                    <i class="el-icon-share"></i> 我的分享</router-link>
                </li>
                <li><router-link to="/main/cloud-disk/recycle">
                    <i class="el-icon-delete"></i> 回收站 
                    <!-- <span class="label label-badge label-success">4</span> -->
                    </router-link>
                </li>
                <li><a href="#" @click="gets">get</a></li>
                <li><a href="#">ITEM</a></li>
            </ul>
        </div>
        <router-view/>
    </div>    
</template>

<script>
export default {
    
}
</script>

<style scoped>
    #muke-list{
        float: left;
        width: 240px;
        height: 100vh;
        min-height: 500px;
        position: relative;
        box-shadow: darkgray 0px 0px 3px;
    }
    #muke-list-content{
        /* width: 240px; */
        margin: 20px 20px 0px 20px;
    }

</style>